Formation MudBlazor
32 hours
Description
Audience
Prerequisites
Goal
MudBlazor est une bibliothèque de composants UI open source pour Blazor, pensée pour offrir une expérience de développement moderne, cohérente et agréable — le tout en restant dans l’écosystème C#. Elle est devenue l’une des références du monde Blazor, utilisée aussi bien par des développeurs indépendants que par de grandes entreprises.
1
Introduction et bases Blazor
4h
50.00€
- Rappel : Blazor Server vs Blazor WebAssembly
- Cycle de vie des composants
- Data binding, events, paramètres
- Navigation & routing
- Organisation d’un projet Blazor propre
2
Introduction à MudBlazor
4h
150.00€
- Installation & configuration du thème
- Structure d’une page MudBlazor
- Découverte des composants essentiels : -- Typographie, boutons, icônes -- Grilles & layouts -- Cards, dialogs, drawers Exercices : créer une page d’accueil responsive avec MudBlazor
3
Formulaires & validation
4h
150.00€
- MudForm, MudTextField, MudSelect, MudAutocomplete
- Validation (DataAnnotations, FluentValidation)
- Gestion des erreurs & UX
- Exercices : créer un formulaire complet (CRUD)
4
Composants riches
4h
150.00€
- MudTable : pagination, tri, filtres, templates
- MudDataGrid (si pertinent)
- MudTabs, MudExpansionPanels
- MudCharts : graphiques & dashboards Exercices : construire un tableau dynamique connecté à une API
5
Intégration backend & services
4h
150.00€
- Appels API (HttpClient, services, injection de dépendances)
- Gestion des états (StateContainer, patterns utiles)
- Upload de fichiers, gestion des images Exercices : connecter l’application à une API REST
6
Théming & production
4h
150.00€
- Personnalisation du thème MudBlazor
- Dark mode, palettes, typographies
- Optimisation des performances
- Déploiement (Blazor Server / WASM) Atelier final : construire une mini‑application complète
7
Patterns avancés
4h
150.00€
- Architecture modulaire
- Gestion avancée du state (Fluxor, Mediator, etc.)
- Communication inter‑composants avancée
- Internationalisation (i18n)
8
Atelier autour de MudBlazor
4h
150.00€
*Atelier projet *Création d’une application complète *Revue de code & bonnes pratiques *Mise en place d’un design system MudBlazor *Questions/réponses, consolidation des acquis